.anime-con {
  position: relative;
  .animes {
    width: 100%;
    height: 100%;
    padding: 1rem 5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: auto;

    .anime-item {
      display: flex;
      width: 100%;
    }
  }
  .statistic-con {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #f0f2f5;
    padding: 1rem;
    .close-icon {
      position: absolute;
      right: 1rem;
      top: 0rem;
      font-size: 2rem;
      cursor: pointer;
    }
    .pie-charts {
      width: 100%;
      height: 20rem;
      background: white;
      display: flex;
      margin-bottom: 1rem;
      .chart-item {
        flex: 1;
        height: 100%;
        padding: 0.5rem;
        padding-top: 1rem;
      }
    }
    .line-chart {
      width: 100%;
      height: calc(100% - 21rem);
      background: white;
      position: relative;
      .list-con {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;

        background: white;
        .card-list {
          width: 100%;
          height: 100%;
          overflow: auto;
        }
      }
    }
  }
}
